// 混合
// .bordered(@color) {
//   border-top: dotted 1px @color;
//   border-bottom: solid 2px @color;
// }

// #menu a {
//   color: #111;
//   .bordered(#111);
// }

// .post a {
//   color: red;
//   .bordered(red);
// }

// 嵌套
// #header {
//   color: black;
//   &::before {
//     content:'aaa';
//   }
//   .navigation {
//     font-size: 12px;
//   }
//   .logo {
//     width: 300px;
//   }
// }

// 函数
// @primary: #f40;

// .s1 {
//     background: @primary;
// }
// // 背景颜色在主颜色基础上加深
// .s2 {
//     background: darken(@primary, 20%);
// }

// 作用域
@var: red;

#page {
  @var: white;
  #header {
    color: @var; // white
  }
}